﻿<phone:PhoneApplicationPage
	x:Class="Telerik.RadCartesianChartSample.MainPage"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:chart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Chart"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	SupportedOrientations="Portrait"  Orientation="Portrait"
	shell:SystemTray.IsVisible="True">

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot"  Background="White">
		<Grid.Resources>
			<SolidColorBrush Color="DarkOrange"  x:Key="ChartColorKey"/>
		</Grid.Resources>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<!--TitlePanel contains the name of the application and page title-->
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="Telerik RadCartesianChart" Foreground="{StaticResource ChartColorKey}" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Sample" Margin="9,-7,0,0"  Foreground="{StaticResource ChartColorKey}" Style="{StaticResource PhoneTextTitle1Style}"/>
		</StackPanel>

		<!--ContentPanel - place additional content here-->
		<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
			<chart:RadCartesianChart Palette="DefaultDark" Grid.Column="1" Grid.Row="1" Margin="0,20,0,0">
				<chart:RadCartesianChart.Grid>
					<chart:CartesianChartGrid MajorLinesVisibility="Y">
						<chart:CartesianChartGrid.MajorYLineStyle>
							<Style TargetType="Line">
								<Setter Property="Stroke" Value="{StaticResource ChartColorKey}" />
								<Setter Property="StrokeDashArray" Value="4, 2" />
							</Style>
						</chart:CartesianChartGrid.MajorYLineStyle>
					</chart:CartesianChartGrid>
				</chart:RadCartesianChart.Grid>
				<chart:RadCartesianChart.VerticalAxis>
					<chart:LinearAxis Title="Number of flowers"
									  FontSize="18" 
									  MajorStep="{Binding MajorStep}"  
									  LineStroke="{StaticResource ChartColorKey}">
						<chart:LinearAxis.TitleTemplate>
							<DataTemplate>
								<TextBlock Text="{Binding}" FontSize="18" Foreground="Black" Margin="0,0,0,20"/>
							</DataTemplate>
						</chart:LinearAxis.TitleTemplate>
						<chart:LinearAxis.LabelStyle>
							<Style TargetType="TextBlock">
								<Setter Property="Foreground"  Value="{StaticResource ChartColorKey}" />
								<Setter Property="FontSize" Value="14"></Setter>
							</Style>
						</chart:LinearAxis.LabelStyle>
						<chart:LinearAxis.MajorTickStyle>
							<Style TargetType="Rectangle">
								<Setter Property="Stroke"  Value="{StaticResource ChartColorKey}" />
							</Style>
						</chart:LinearAxis.MajorTickStyle>
					</chart:LinearAxis>
				</chart:RadCartesianChart.VerticalAxis>
				<chart:RadCartesianChart.HorizontalAxis>
					<chart:CategoricalAxis Title="Flowers" FontSize="18" LineStroke="{StaticResource ChartColorKey}">
						<chart:CategoricalAxis.TitleTemplate>
							<DataTemplate>
								<TextBlock Text="{Binding}" FontSize="18" Foreground="Black" />
							</DataTemplate>
						</chart:CategoricalAxis.TitleTemplate>
						<chart:CategoricalAxis.LabelStyle>
							<Style TargetType="TextBlock">
								<Setter Property="Foreground" Value="{StaticResource ChartColorKey}" />
								<Setter Property="FontSize" Value="14"></Setter>
							</Style>
						</chart:CategoricalAxis.LabelStyle>
						<chart:CategoricalAxis.MajorTickStyle>
							<Style TargetType="Rectangle">
								<Setter Property="Stroke"  Value="{StaticResource ChartColorKey}"  />
							</Style>
						</chart:CategoricalAxis.MajorTickStyle>
					</chart:CategoricalAxis>
				</chart:RadCartesianChart.HorizontalAxis>
				<chart:BarSeries ItemsSource="{Binding DashBoardItems}">
					<chart:BarSeries.PointTemplates>
						<DataTemplate>
							<Rectangle  Fill="LightBlue"/>
						</DataTemplate>
						<DataTemplate>
							<Rectangle   Fill="Pink"/>
						</DataTemplate>
						<DataTemplate>
							<Rectangle  Fill="Yellow"/>
						</DataTemplate>
					</chart:BarSeries.PointTemplates>
					<chart:BarSeries.CategoryBinding>
						<chart:PropertyNameDataPointBinding PropertyName="Name"  />
					</chart:BarSeries.CategoryBinding>
					<chart:BarSeries.ValueBinding>
						<chart:PropertyNameDataPointBinding PropertyName="Count" />
					</chart:BarSeries.ValueBinding>
				</chart:BarSeries>
			</chart:RadCartesianChart>

		</Grid>
	</Grid>

	<!--Sample code showing usage of ApplicationBar-->
	<!--<phone:PhoneApplicationPage.ApplicationBar>
		<shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
			<shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
			<shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
			<shell:ApplicationBar.MenuItems>
				<shell:ApplicationBarMenuItem Text="MenuItem 1"/>
				<shell:ApplicationBarMenuItem Text="MenuItem 2"/>
			</shell:ApplicationBar.MenuItems>
		</shell:ApplicationBar>
	</phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>

